<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>短链参数配置 | 脉速短链接系统</title>
    <link href="css/common.css" rel="stylesheet">
    <link href="css/options.css" rel="stylesheet">
  </head>
  <body>
    <div class="logo">
      <h2><a href="create.html">脉速短链接系统</a><span class="fr log"><em id="usr"></em><a href="javascript:void(0)" onclick="comm.logout()" class="logout">退出</a><span></h2>
    </div>
    <div class="tab">
      <ul>
        <li><a href="create.html">短链生成</a></li>
        <li><a href="list.html">短链查询</a></li>
        <li class="cur" ><a href="options.html">参数配置</a></li>
        <li><a href="docs.html">接口说明</a></li>
        <li><a href="info.html">屏蔽检查</a></li>
        <li><a href="http://47.96.142.128:3000/login" target="_blank">监控平台</a></li>
      </ul>
    </div>
    <div class="form">
      <div class="clearfix">
        <div class="fl">
          <h3>
            短链参数配置信息
          </h3>
          <div class="url_prev">
            投放网址：<b>http://mall-o.cn</b>/goods/<b>ck328</b>?hmsr=<b>fei_message</b>&hmpl=<b>20170331</b>&hmcu=<b>15201790279</b>
          </div>

          <div class="form_op">
            <p class="longUrl" ><label>投放域名</label><select id="long_url"></select><span class="Del" >删除</span><input type="text" class="Val" placeholder="输入新增投放域名"/><span class="Add" >新增</span></p>
            <p class="baseUrl" ><label>短链域名</label><select id="base_url"></select><span class="Del" >删除</span><input type="text" class="Val" placeholder="输入新增短链域名"/><span class="Add" >新增</span></p>
            <p class="product" ><label>产品类型</label><select id="product"></select><span class="Del" >删除</span><input type="text" class="Val" placeholder="输入新增产品类型"/><span class="Add" >新增</span></p>
            <p class="deliverySource" ><label>渠道来源</label><select id="delivery_source"></select><span class="Del" >删除</span><input type="text" class="Val" placeholder="输入新增渠道来源"/><span class="Add" >新增</span></p>
          </div>
        </div>
        <div class="fl pdl50">
          <h3>
            短信模板新增
          </h3>
          <p class="template_modi" style="margin-bottom:30px;">
            <div>
              <input type="text" id="template_name" class="template_input" placeholder="模板名称"/>
            </div>
            <div class="template_area">
              <textarea class="w360 h120" type="text" id="template_text" placeholder="模板文案内容不能超过70个字符;"></textarea>
              <!-- <span id="words_number">0/70</span> -->
              <p class="red dis_none" id="tmpTxtLenErr" style="margin:10px;" >当前内容已超过70字，请再次确认内容长度添加</p>
            </div>
            <button class="btn" id="template_add" >新增</button>
          </p>
        </div>
      </div>


      <div class="table pdt30 pdb30">
        <table id="template_table" >
          <tr>
            <th>id</th>
            <th>短信模板</th>
            <th>文案配置</th>
            <th>操作</th>
          </tr>
          <tr>
            <td>loading</td>
            <td>loading</td>
            <td>loading</td>
            <td>loading</td>
          </tr>
        </table>
      </div>

          <div class="template_modal modal dis_none" id="template_modal" >
              <h3>修改短信模板 ID : <b id="tpl_id"></b></h3>
              <p><input type="text" class="w360" id="tpl_name" placeholder="模板名称"/></p>
              <p><textarea class="w360 h120" id="tpl_text" placeholder="模板文案" oninput='if(this.value.length > 70) { document.getElementById("tmpLenErr").style.display = "block" } else { document.getElementById("tmpLenErr").style.display = "none" }' ></textarea></p>
              <p class="red dis_none" id="tmpLenErr" >当前内容已超过70字，请再次确认内容长度添加</p>
              <p><button class="btn w120" id="tpl_add" style="min-width:80px">修改</button>
                &emsp;<button class="btn w120" id="tpl_cancel" style="min-width:80px">取消</button></p>
          </div>
          <div class="mask" id="mask"></div>
    </div>
    <div class= "foot">
      <div class="right">脉速营销 #2018# 版权所有</div>
    </div>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/options.js"></script>
  </body>
</html>
